<%@ Page Title="" Language="VB" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage(Of Tyrannt.EditRacesViewModel)" %>

<%@ Import Namespace="Tyrannt" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Edit Races
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Races</h2>
    <%=""%>
    
    <% Html.BeginForm()%>
        <fieldset id="editImageForm">
            <legend id="editImageLegend">Race Information</legend>
            <table style="border-style: hidden">
                <tr>
                    <td><label>Name</label></td>
                    <td colspan="3"><input type="text" id="nameTextBox" value="" /></td>
                </tr>
                <tr>
                    <td><label>Description</label></td>
                    <td colspan="3"><textarea cols="30" rows="3" id="descTextArea"></textarea></td>
                </tr>
                <tr>
                    <td><label>Race Image</label></td>
                    <td colspan="3">
                        <select id="raceImageSelect" >
                            <% For Each img As imageDetail In Model.RaceInfoImages%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select>
                        <br />
                        <img id="raceImage" alt="" src="" />
                    </td>
                </tr>
                <tr>
                    <td><label>Female Image</label></td>
                    <td colspan="3">
                        <select id="femaleImageSelect" >
                            <% For Each img As imageDetail In Model.RaceInfoImages%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select>
                        <br />
                        <img id="femaleImage" alt="" src="" />
                    </td>
                </tr>
                <tr>
                    <td><label>Male Image</label></td>
                    <td colspan="3">
                        <select id="maleImageSelect" >
                            <% For Each img As imageDetail In Model.RaceInfoImages%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select>
                        <br />
                        <img id="maleImage" alt="" src="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>Male Portrait 1</label><br />
                        <select id="malePortrait1Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait1" alt="" src="" />
                    </td>
                    <td>
                        <label>Male Portrait 2</label><br />
                        <select id="malePortrait2Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait2" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 1</label><br />
                        <select id="femalePortrait1Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="femalePortrait1" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 2</label><br />
                        <select id="femalePortrait2Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="femalePortrait2" alt="" src="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>Male Portrait 3</label><br />
                        <select id="malePortrait3Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait3" alt="" src="" />
                    </td>
                    <td>
                        <label>Male Portrait 4</label><br />
                        <select id="malePortrait4Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait4" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 3</label><br />
                        <select id="femalePortrait3Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="femalePortrait3" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 4</label><br />
                        <select id="femalePortrait4Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="female4Portrait" alt="" src="" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>Male Portrait 5</label><br />
                        <select id="malePortriat5Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait5" alt="" src="" />
                    </td>
                    <td>
                        <label>Male Portrait 6</label><br />
                        <select id="malePortrait6Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="malePortrait6" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 5</label><br />
                        <select id="femalePortrait5Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="femalePortrait5" alt="" src="" />
                    </td>
                    <td>
                        <label>Female Portrait 6</label><br />
                        <select id="femalePortrait6Select" >
                            <% For Each img As imageDetail In Model.RacePortraitPicture%>
                                    <option value="<%=img.ImageURL %>"><%=img.ImageName%></option>
                            <% Next%>
                        </select> <br />
                        <img id="femalePortrait6" alt="" src="" />
                    </td>
                </tr>
            </table>
            <hr />
            <input type="submit" id="clearButton" value="Clear" />
            <input type="submit" id="insertUpdatebutton" value="Insert/Update" />
            <input type="submit" id="deleteButton" value="Delete" />
        </fieldset>
        
    <% Html.EndForm()%>
    
    <% Html.RenderPartial("RaceList", Model.RaceListViewModel)%>
    
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Scripts" runat="server">
	<script src="/scripts/EditRaces.js" type="text/javascript"></script>
</asp:Content>